<template>
	<view class="SwiperBox">
		<swiper class="banner-swipper" indicator-dots indicator-color="rgba(255, 255, 255, 0.5)"
			indicator-active-color="#FFFFFF" autoplay :interval="4000">
			<swiper-item v-for="(item, index) in SwiperList" :key="index" class="swiper-item">
				<image :src="item"></image>
			</swiper-item>
		</swiper>
	</view>
</template>

<script>
	import '@/common/css/Swiper-View.scss'
	export default {
		props: {
			SwiperList: {
				type: Array,
				default: () => []
			}
		},
		mounted() {
			
		}
	}
</script>

<style>

</style>
